<template>
  <svg id="show-data">
    <!-- <VitalLineBlocks :config="config" :data="config.vitalLineBlocks" />

    <VitalLineOuts :config="config" :data="config.vitalLineOuts" />

    <VitalRegionFills :config="config" :data="config.vitalRegionFills" /> -->

    <VitalTextOuts :config="config" :data="config.vitalTextOuts" />
    
  </svg>
</template>

<script setup lang="ts">
import {
  reactive,
  ref,
  onMounted,
  computed,
  watch,
  getCurrentInstance,
} from "vue";

import VitalTextOuts from "../drawData/VitalTextOuts.vue";

import VitalLineBlocks from "../drawData/VitalLineBlocks.vue";
import VitalLineOuts from "../drawData/VitalLineOuts.vue";
import VitalRegionFills from "../drawData/VitalRegionFills.vue";

// 定义组件的 props
const props = defineProps({
  config: Object,
});

onMounted(() => {
  //console.log('3.-组件挂载到页面之后执行-------onMounted')
});
</script>

<style lang="scss" scoped></style>
